<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>排行榜</title>
    <link href="/bootstrap5.1/css/bootstrap.css" rel="stylesheet">
    <link href="/css/index.css" rel="stylesheet">
    <link href="/bootstrap5.1/css/bootstrap.min.css" rel="stylesheet">
    <link href="/bootstrap5.1/css/bootstrap.rtl.css" rel="stylesheet">
    <script src="/bootstrap5.1/js/bootstrap.bundle.js"></script>
    <script src="/bootstrap5.1/js/bootstrap.esm.js"></script>
    <script src="/bootstrap5.1/js/bootstrap.min.js"></script>
    <script src="/bootstrap5.1/js/bootstrap.js"></script>
</head>

<body>
<div class="dingbu">
    <div class="denglu-font top">
        <div class="denglu-font2 top">
            <a href="/" id="dingbuhome">返回首页</a>
            <a href="/" id="want">发布求购</a>
            <a href="/" id="cart">我的购物车</a>
            <a href="#" id="release1">发布商品</a>
            <!--                        <a href="#" id="uname">zyl</a>-->
            <!--            <a href="login" id="login_logout">登录</a>-->
        </div>
        <div style="clear:both"></div>
    </div>
</div>

<div style="margin: 20px;width: 300px">
    <ul class="nav nav-tabs" id="myTab" role="tablist">
        <li class="nav-item" role="presentation">
            <button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home" type="button"
                    role="tab" aria-controls="home" aria-selected="true">粉丝榜
            </button>
        </li>
        <li class="nav-item" role="presentation">
            <button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile" type="button"
                    role="tab" aria-controls="profile" aria-selected="false">收藏榜
            </button>
        </li>
        <li class="nav-item" role="presentation">
            <button class="nav-link" id="contact-tab" data-bs-toggle="tab" data-bs-target="#contact" type="button"
                    role="tab" aria-controls="contact" aria-selected="false">销售榜
            </button>
        </li>
    </ul>
    <div class="tab-content" id="myTabContent">
        <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
            <table class="table table-striped" style="width:300px;margin: auto">
                <thead>
                <tr>
                    <th scope="col">#</th>
                    <th scope="col">用户名</th>
                    <th scope="col">粉丝数量</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <th scope="row">1</th>
                    <td id="user-name">Mark</td>
                    <td id="user-fans">Otto</td>
                </tr>
                </tbody>
            </table>
        </div>
        <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">待开发</div>
        <div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">待开发</div>
    </div>
</div>
</body>
<script>
    function search() {
        console.log($('#searchText').val())
        var data = $('#searchText').val()
        location.assign('/search?keyword=' + data)
    }

    $('#login_logout').click(function () {
        localStorage.clear()
    })
    $(function () {
        load_data()
    })


</script>

</html>
